<div class='wrap-radio' ng-controller='RadioMorningIndex'>
    <div class='box-banner'>
        <img ng-src='{{radioInfo.banner}}'>
    </div>

    <div class='box-tip'>
        我已连续收听健康电台<span class='number'>{{checkInfo.keep_days}}</span>天
    </div>
    <div class='box-purchase'>
        <button class='am-btn am-btn-block am-btn-warning' ng-click='purchase_vip()'>为孩子续费</button>
    </div>
    <!-- <div class='box-audio aplayer aplayer-a' id='box-audio'></div> -->
    <div class='box-audio box-part'>
        <div class='title'>{{radioInfo.title}}</div>
        <div class='aplayer' id='box-audio'></div>
        <div class='box-btn'>
            <img ng-src='{{radioInfo.aplayer_btn}}' ng-click='toggle_aplayer(radioInfo.aplayer)'>
        </div>
    </div>

    <div class='box-hidden'>
        <div class='content' ng-if='radioInfo.show_content' ng-bind-html='parentWill'></div>
        <div class='button' ng-click='radioInfo.show_content = 1' ng-if='!radioInfo.show_content'>
            会员必读 <i class='fa fa-angle-double-down'></i>
        </div>
        <div class='button' ng-click='radioInfo.show_content = 0' ng-if='radioInfo.show_content'>
            收起 <i class='fa fa-angle-double-up'></i>
        </div>
    </div>
    
    <div class='box-vip-tip'>
        会员剩余天数：<span class='font-red'>{{surVipDays}}天</span>
        <span class='am-badge am-badge-success' ng-click='share()'><i class='fa fa-share'></i>邀请好友</span>
    </div>

    <div class='box-rank'>
        <div class='title am-g am-g-collapse'>
            电台收听排行榜
        </div>
        <div class='list'>
            <div class='item am-g am-g-collapse' ng-repeat='item in rankList'>
                <div class='index am-u-sm-1'>
                    <img ng-src='../image/icon/rank-{{$index + 1}}.png' ng-if='$index < 3'>
                    <span ng-if='$index > 2'>{{$index + 1}}</span>
                </div>
                <div class='headimg am-u-sm-2'>
                    <img ng-src='{{item.headimgurl}}'>
                </div>
                <div class='info am-u-sm-9'>
                    <div class='name'>{{item.nickname}}</div>
                    <div class='count'>{{item.count}}次</div>
                </div>
            </div>
        </div>
        <div class='title'>
            我的宝宝排名
        </div>
        <div class='list'>
            <div class='item am-g am-g-collapse'>
                <div class='index am-u-sm-1'>
                    <img ng-src='../image/icon/rank-{{userInfo.lis_info.rank}}.png' ng-if='userInfo.lis_info.rank < 3'>
                    <span ng-if='userInfo.lis_info.rank > 2 && userInfo.lis_info.rank <= 10'>
                        {{userInfo.lis_info.rank}}
                    </span>
                    <span ng-if='userInfo.lis_info.rank > 10' style='font-size: 10px;'>
                        榜外
                    </span>
                </div>
                <div class='headimg am-u-sm-2'>
                    <img ng-src='{{userInfo.headimgurl}}'>
                </div>
                <div class='info am-u-sm-9'>
                    <div class='name'>{{userInfo.nickname}}</div>
                    <div class='count'>{{userInfo.lis_info.count || 0}}次</div>
                </div>
            </div>
        </div>
    </div>

    <div class='box-last-radio'>
        <div class='title'>往期声音</div>
        <div class='tips' ng-if='userInfo.vip_level == 10'>
            订阅沫言育儿电台，可以查看往期声音！
        </div>
        <div class='am-tabs normal-tabs normal-tabs-sm' data-am-tabs 
            ng-if='userInfo.vip_level != 10 && userInfo.vip_level > 0'>
            <ul class='am-tabs-nav am-nav am-nav-tabs am-avg-sm-2'>
                <li class='am-active'><a>往期声音</a></li>
                <li><a>试听声音</a></li>
            </ul>

            <div class='am-tabs-bd'>
                <div class='am-tab-panel am-active'>
                    <div class='list'>
                        <div class='item am-g am-g-collapse' ng-repeat='item in radioList'>
                            <div class='aplayer' id='aplayer-{{item.id}}'></div>
                        </div>
                        <div class='load-more-b' ng-click='load_more(0)' ng-if='!isEnd'>
                            <span ng-if='!loading'>加载更多</span>
                            <span ng-if='loading'>加载中...</span>
                        </div>
                    </div>
                </div>
                <div class='am-tab-panel'>
                    <div class='list'>
                        <div class='item am-g am-g-collapse' ng-repeat='item in tryList'>
                            <!-- <div class='am-u-sm-8'>
                                <div class='name'>{{item.title}}</div>
                                <div class='date'>{{item.create_date}}</div>
                            </div>
                            <div class='am-u-sm-4 box-play'>
                                <div class='play aplayer' id='aplayer-{{item.id}}'></div>
                            </div> -->
                            <div class='aplayer' id='aplayer-{{item.id}}'></div>
                        </div>
                        <div class='load-more-b' ng-click='load_more(1)' ng-if='!tryIsEnd'>
                            <span ng-if='!loading'>加载更多</span>
                            <span ng-if='loading'>加载中...</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style='height: 30px'></div>
    
    <div class='am-modal modal-check'>
        <div class='am-modal-dialog'>
            <div class='am-modal-bd'>
                <div class='content'>
                    <img src='../image/radio/modal-check-morning-bg.png' class='bg'>
                    <div class='check-days'>{{checkInfo.format_keep_days}}</div>
                    <img src='../image/radio/modal-check-btn.png' class='btn' data-am-modal-close>
                </div>
            </div>
        </div>
    </div>
</div>
